<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta http-equiv="content-type" content="textml" charset="utf-8">
    <title>iconfont排版</title>
    <meta name="Keywords" content="iconfont">
    <meta name="Description" content="iconfont">
    <link rel="stylesheet" media="screen" href="css/clean.css">
    <link rel="stylesheet" media="screen" href="css/header.css">
    <link rel="stylesheet" media="screen" href="css/main.css">
    <link rel="stylesheet" media="screen" href="css/section.css">
    <link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
</head>
<body>
    <header>
        <div class='header-area'>
            <ul class='header-width-set'>
                <li>
                    <div class='tips'></div>
                    <span>Theme:iconfont</span>
                </li>
                <li>
                    <div class='tips'></div>
                    <span>Email: socovo@live.com</span>
                </li>
                <li>
                    <div class='tips'></div>
                    <span>Name: 宋臣</span>
                </li>
            </ul>
        </div>
    </header>
    <main>
        <section>
            <div class='items-title'>商品菜单</div>
            <ul class='flex-container'>
                <li class='flex-item'>
                    <i class='iconfont icon-nvzhuang'></i>
                    <a href=''>女装</a><span>/</span><a href=''>男装</a><span>/</span><a href=''>内衣</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-xiexuexiangbao'></i>
                    <a href=''>鞋靴</a><span>/</span><a href=''>箱包</a><span>/</span><a href=''>配件</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-tongzhuang'></i>
                    <a href=''>童装玩具</a><span>/</span><a href=''>孕产</a><span>/</span><a href=''>用品</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-jiadianweixiu'></i>
                    <a href=''>家电</a><span>/</span><a href=''>数码</a><span>/</span><a href=''>手机</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-meizhuanghufu'></i>
                    <a href=''>美妆</a><span>/</span><a href=''>洗护</a><span>/</span><a href=''>保健品</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-zhubao'></i>
                    <a href=''>珠宝</a><span>/</span><a href=''>眼镜</a><span>/</span><a href=''>手表</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-19'></i>
                    <a href=''>运动</a><span>/</span><a href=''>户外</a><span>/</span><a href=''>乐器</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-iconfontyouxihudong'></i>
                    <a href=''>游戏</a><span>/</span><a href=''>动漫</a><span>/</span><a href=''>影视</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-meishi'></i>
                    <a href=''>美食</a><span>/</span><a href=''>生鲜</a><span>/</span><a href=''>零食</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-shouye'></i>
                    <a href=''>鲜花</a><span>/</span><a href=''>宠物</a><span>/</span><a href=''>农资</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-fangchan'></i>
                    <a href=''>房产</a><span>/</span><a href=''>装修</a><span>/</span><a href=''>建材</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-jiaju'></i>
                    <a href=''>家具</a><span>/</span><a href=''>家饰</a><span>/</span><a href=''>家纺</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-qiche'></i>
                    <a href=''>汽车</a><span>/</span><a href=''>二手车</a><span>/</span><a href=''>用品</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-bangong0'></i>
                    <a href=''>办公</a><span>/</span><a href=''>DIY</a><span>/</span><a href=''>五金电子</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-shenghuobaihuo'></i>
                    <a href=''>百货</a><span>/</span><a href=''>餐厨</a><span>/</span><a href=''>家庭保健</a>
                </li>
                <li class='flex-item'>
                    <i class='iconfont icon-xuexi'></i>
                    <a href=''>学习</a><span>/</span><a href=''>卡券</a><span>/</span><a href=''>本地服务</a>
                </li>
            </ul>
        </section>
    </main>
</body>
</html>